<?php
/*
 * @author: Nguyen Anh Duc (anhduc.bkhn@gmail.com) 
 */
?>
<div class="speedbar">
    <div class="speedbar-content">

        <ul class="menu-drop">
            <li><a href="#"><i class="icon-chevron-down"></i></a>
                <ul>
                    <li><a href="<?php echo Yii::app()->createUrl('admin/main/index') ?>">Dashboard</a></li>
                </ul>  
            </li>
        </ul>

        <ul class="menu-speedbar">
            <li><a href="<?php echo Yii::app()->createUrl('admin/main/index') ?>" class="act_link">Dashboard</a></li>
        </ul>
    </div>
</div>

<div class="row-fluid">
    <div class="span5 grid-transparent">
        <div class="summary-title">Trạng thái CPU</div>
        <div class="summary-desc">Tốc độ xử lý hiện tại của CPU</div>
        <div class="pie-chart"><div id="g1"><svg style="overflow: hidden; position: relative; left: -0.9666748046875px;" height="100%" version="1.1" width="100%" xmlns="http://www.w3.org/2000/svg"><desc style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Created with Rapha�l 2.1.0</desc><defs style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><filter id="g1-inner-shadow"><feOffset dx="0" dy="3"></feOffset><feGaussianBlur result="offset-blur" stdDeviation="5"></feGaussianBlur><feComposite operator="out" in="SourceGraphic" in2="offset-blur" result="inverse"></feComposite><feFlood flood-color="black" flood-opacity="0.2" result="color"></feFlood><feComposite operator="in" in="color" in2="inverse" result="shadow"></feComposite><feComposite operator="over" in="shadow" in2="SourceGraphic"></feComposite></filter></defs><path style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);" fill="#edebeb" stroke="none" d="M90,230.4L36,230.4A144,144,0,0,1,324,230.4L270,230.4A90,90,0,0,0,90,230.4Z" filter="url(#g1-inner-shadow)"></path><path style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);" fill="#b4d409" stroke="none" d="M90,230.4L36,230.4A144,144,0,0,1,39.467986280820384,198.98737323889785L92.16749142551274,210.76710827431117A90,90,0,0,0,90,230.4Z" filter="url(#g1-inner-shadow)"></path><text style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font-style: normal; font-variant: normal; font-weight: bold; font-size: 28px; line-height: normal; font-family: Arial; fill-opacity: 1;" x="180" y="44.30769230769231" text-anchor="middle" font="10px &quot;Arial&quot;" stroke="none" fill="#999999" font-size="28px" font-weight="bold" font-family="Arial" fill-opacity="1"><tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);" dy="44.30769230769231"> </tspan></text><text style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font-style: normal; font-variant: normal; font-weight: bold; font-size: 45px; line-height: normal; font-family: Arial; fill-opacity: 1;" x="180" y="205.71428571428572" text-anchor="middle" font="10px &quot;Arial&quot;" stroke="none" fill="#010101" font-size="45px" font-weight="bold" font-family="Arial" fill-opacity="1"><tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);" dy="15.714285714285722">7</tspan></text><text style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 18px; line-height: normal; font-family: Arial; fill-opacity: 1;" x="180" y="234.21428571428572" text-anchor="middle" font="10px &quot;Arial&quot;" stroke="none" fill="#b3b3b3" font-size="18px" font-weight="normal" font-family="Arial" fill-opacity="1"><tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);" dy="6.214285714285722">%</tspan></text><text style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 18px; line-height: normal; font-family: Arial; fill-opacity: 1;" x="63" y="255.59999999999994" text-anchor="middle" font="10px &quot;Arial&quot;" stroke="none" fill="#b3b3b3" font-size="18px" font-weight="normal" font-family="Arial" fill-opacity="1"><tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);" dy="6.5999999999999375">0</tspan></text><text style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 18px; line-height: normal; font-family: Arial; fill-opacity: 1;" x="297" y="255.59999999999994" text-anchor="middle" font="10px &quot;Arial&quot;" stroke="none" fill="#b3b3b3" font-size="18px" font-weight="normal" font-family="Arial" fill-opacity="1"><tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);" dy="6.5999999999999375">100</tspan></text></svg></div></div>
        <script>
            var g1;
            window.onload = function() {
                var g1 = new JustGage({
                    id: "g1",
                    value: getRandomInt(0, 100),
                    min: 0,
                    max: 100,
                    title: " ",
                    label: "%"
                });
                setInterval(function() {
                    g1.refresh(getRandomInt(0, 100));
                }, 2500);
            };
        </script>
    </div>
</div>
